@import "variables";
.seed-operate-padding{
   .search-results{
     padding-bottom: pxTorem(132);
   }
 }
.seed-roll-call{
  width:100%;
  background:color($h5,c9);
}
.seed-white{
  background: color(c10);
}

.seed-roll-call-inner{
  width:100%;
  background:color(c10);
  height:100%;
  overflow: hidden;
  box-sizing: border-box;
  .roll-call-search-casing{
    background:color(c9);
    padding:pxTorem(20) 0;
    .seed-roll-call-search{
      margin:0 pxTorem(24) 0;
      padding-top:pxTorem(11);
      padding-bottom:pxTorem(11);
      height:pxTorem(56);
      background:color(c10);
      border-radius: pxTorem(6);
      display: flex;
      align-items:center;
      padding-left:30%;
      img{
        width:pxTorem(34);
        height:pxTorem(34);
        margin-right:pxTorem(10);
      }
    }
    .align-left{
      animation: blurleft;
      -moz-animation: blurleft 0.3s;
      -webkit-animation: blurleft 0.3s;
      -o-animation:blurleft 0.3s;
      animation-fill-mode:forwards;
      -webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
      input{
        color:color(c2);
        font-size: standard($f,f6);

      }
      @-webkit-keyframes blurleft {
        0% {
          padding-left: 30%;
        }

        100% {
          padding-left: pxTorem(18);
        }

      }
    }
  }
  .seed-roll-call-info{
    width:100%;
    .chose-more-icon{
      width:pxTorem(46);
      height:pxTorem(46);
      border:1px solid rgb(233,233,233);
      box-sizing: content-box;
      border-radius: 50%;
      margin-right:pxTorem(30);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: pxTorem(46) pxTorem(46);
      &.freezeStatus{
        opacity: 0.3;
      }
    }

    background:color(c10);
    .roll-call-select{
      width:100%;
      height:pxTorem(88);
      overflow: hidden;
      padding:0 pxTorem(24) 0 pxTorem(30);
      //border-bottom:1px solid color(c9);
      @include font-dpr(30px);
      color:#23c270;
      box-sizing: border-box;
      .chose-all{
        height:pxTorem(88);
        line-height: pxTorem(88);
      }
    }
    .roll-call-space{
      flex-grow: 2;
    }
    .roll-call-chose-more{
      float:right;
      width:pxTorem(120);
      text-align: center;
      height:pxTorem(88);
      line-height:pxTorem(88);
    }
    .roll-call-list{
      padding:0 pxTorem(24) 0 pxTorem(30);
      width:100%;
      box-sizing: border-box;
      ul li {
        //border-bottom: 1px solid color(c9);
        padding: pxTorem(25) 0;
        background:color(c10);
      }
      ul li:last-child:after{
        border:none;
      }
      ul li .roll-call-list-headericon {
          overflow: hidden;
        }
      ul li .roll-call-list-headericon .list-headericon{
            width:pxTorem(80);
            height:pxTorem(80);
            margin-right:pxTorem(20);
          }
      ul li .roll-call-list-headericon .roll-call-list-info {
            //max-width: 50%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
      ul li .roll-call-list-headericon .roll-call-list-info .list-name{
              line-height: 1.2;
              @include font-size(f2);
              color:color(c2);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
      ul li .roll-call-list-headericon .roll-call-list-info .list-time{
              margin-top:pxTorem(16);
              line-height: 1;
              white-space: nowrap;
            }
      ul li .roll-call-list-headericon .roll-call-list-info .list-time span{
              @include font-dpr(24px);
              color: #999999;
            }
      ul li .list-sign .list-sign-operate{
          @include font-dpr(30px);
          display: inline-block;
          width:pxTorem(90);
          box-sizing: content-box;
          text-align: center;
          white-space: nowrap;
        }
      ul li .list-sign .list-unsign{
        color:#23c270;
      }
      ul li .list-sign .list-signed{
        color:color(c3);
      }
      ul li .list-sign .list-sign-line{
          display: inline-block;
          height:pxTorem(28);
          margin:0 pxTorem(14) 0 pxTorem(15);
          border-left:1px solid color(c9);
        }
      ul li .list-sign .freeze{
          display: inline-block;
          height:pxTorem(28);
          margin:0 pxTorem(14) 0 pxTorem(15);
          color: color(c3);
        }

    }
  }
}
.nodata-image{
  height:calc(100% - 78);

}
.roll-call-operates-more{
  display: none;
  z-index: 99;
  position: fixed;
  bottom: 0;
  left:0;
  width:100%;
  background:color(c10);
  padding:pxTorem(22) pxTorem(24);
  box-sizing: border-box;
  .roll-call-second{
    height:pxTorem(88);
    border-radius: pxTorem(4);
    background: color($h5,c1);
    width:100%;
    justify-content: center;
    align-items: center;
    @include font-size(f3);
    color:color(c10);
  }
  .roll-call-coat{
    width:100%;
    height:pxTorem(88);
    box-sizing: border-box;
    overflow: hidden;
    div{
      border:1px solid color(c1);
      height:pxTorem(88);
      border-radius: pxTorem(4);
      width:49%;
      box-sizing: border-box;
      justify-content: center;
      color:color(c1);
    }
    .roll-call-sign-menu{
      margin-right:2%;
    }
  }
}
.operates-menu{
  display: block;
}
